
@charset "utf-8";



@img:"../img/";

body{
  background: #f5f5f5;
}

.index_box{
  .banner{
    width: 100%; 
    .disabled{
      display: none;
    }
    .owl-nav{
      display: none;
      .owl-prev,.owl-next{
        position: absolute; top:50%; width: 40px; height: 40px;  margin-top: -20px; 
        &:hover{
          opacity: 0.8;
        }
        &:active{
          opacity: 1;
        }
      }
      .owl-prev{
        left:0; background: url(../img/index/turn_left.png) no-repeat center; background-color: rgba(0,0,0,0.6);

      }
      .owl-next{
        right:0; background: url(../img/index/turn_right.png) no-repeat center; background-color: rgba(0,0,0,0.6);
      }
    }
    .owl-dots{
      position: absolute; width: 100%; bottom:12px; text-align: center; z-index: 5; 
    }
    .owl-dot{
      background: #fff; width: 10px; height: 10px; border-radius: 200%; display: inline-block; margin: 0 4px; opacity: 0.5;
      &.active{
        background: #fff; opacity: 1;
      }
    }
  }

  .service{
    background: url(../img/index/service_bg.jpg) no-repeat center top;  height: 1174px;
    .hot_group{
      .bt{
        text-align: center; padding: 50px 0;
      }
      .group{
        .item{
          width: 234px; height: 336px; background: url(../img/index/h_i_bg.png) no-repeat; 
          .img{
            margin-top: 25px; margin-left: 4px;
          }
          .name{
            font-size: 24px; color: #000000; text-align: center;
          }
          .price{
            text-align: center; color: #fe5662; font-size: 14px; height: 20px; margin-top: 12px;
          }
          .btn_service{
            width: 144px; height: 64px; margin: 0 auto; display: block; background: url(../img/index/btn_service.png) no-repeat left top; 
            &:hover{
              background-position: right top;
            }
          }
        }
      }
    }

    .package{
      .bt{
        text-align: center; padding: 50px 0;
      }
      .group{
        .item{
          background: url(../img/index/pack_bg.png) no-repeat 0 0; width: 332px; height: 235px; padding-left: 250px;
          .pa_rr{
            padding-top: 30px; padding-left: 30px;
          }
          .btn_service{
            width: 144px; height: 64px;  display: block; background: url(../img/index/btn_service.png) no-repeat left top; margin-left: -10px;
            &:hover{
              background-position: right top;
            }
          }
          &:nth-child(2){
            background-position: right 0;
          }
          &:nth-child(3){
            background-position: left bottom;
          }
          &:nth-child(4){
            background-position: right bottom;
          }

          .name{
            font-size: 18px;  font-weight: bold;
          }
          .patext{
            margin-top: 20px;
          }
          .list{
            height: 60px; margin-top: 10px; color: #999999; 
            .line{
              
            }
          }
        }
      }
    }


  }

  .liucheng{
    background: #fff; text-align: center; padding-top: 25px; padding-bottom: 50px; 
    .phone_lc{
        font-size: 30px; color: #e21c24; padding: 20px 0; border-radius: 100px; border: 1px solid #fb4519; margin: 0 240px; margin-bottom: 40px;
    }
    .jiaji{
      margin-top: 36px; display: inline-block;
      &:hover{
        opacity: 0.9;
      }
      &:active{
        opacity: 1;
      }
    }
  }

  .about_com{
    background: #fff; text-align: center; padding-top: 35px; 
    .com{
      border: 1px solid #eeeeee; margin-top: 20px;
      .c_L{
        width: 460px; text-align: left; color: #666666; font-size: 14px; padding: 40px 50px; line-height: 1.8rem;
      }
      .c_R{
        img{
          display: block;  
        }
      }
    }

    .jt_al{
      height: 810px; background: url(../img/index/about_bg.jpg) no-repeat; margin-top: 58px;
      .title{
        .item{
          width: 50%; height: 86px; line-height: 86px; color: #fff; font-size: 20px; background: rgba(255,255,255,0.1); position: relative;
          &.tal{
            text-align: left; 
            .text{
              padding-left: 80px;
            }
            &.on{
              background: rgba(255,255,255,0.3);
              span.icon{
                position: absolute; display: inline-block; width: 25px; height: 12px; background: url(../img/index/icon_san.png) no-repeat; bottom:-12px; left:110px;
              }
            }
          }
          &.tar{
            text-align: right;
            .text{
              padding-right: 80px;
            } 
            &.on{
              background: rgba(255,255,255,0.3);
              span.icon{
                position: absolute; display: inline-block; width: 25px; height: 12px; background: url(../img/index/icon_san.png) no-repeat; bottom:-12px; right:110px;
              }
            }
          }
          
        }
      }
      .info{
        text-align: center; 
        .item.jt{
          margin-top: 120px;
        }
        .item.al{
          margin-top: 30px;
        }
      }
    }
  }


  

  .youshi{
    height: 537px; background: url(../img/index/youshi.png) no-repeat center top; position: relative;
    .btn_service{
      width: 230px; height: 68px; line-height: 68px; background: #fff; display: block; left:50%; margin-left: -115px;  position: absolute; bottom:50px; text-align: center; border-radius: 200px; color: #fe5662; font-weight: bold; font-size: 24px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      &:hover{
        box-shadow: 0 0 20px rgba(0,0,0,0.2); 
      }
    }
  }


  .heart_sound{
    .tl{
      margin-top: 15px; 
      text-align: center;
    }
    .group{
      height:  330px; overflow: hidden; position: relative; margin-top: 20px;
      .roll_row .roll__list::before, .roll_row .roll__list::after {
          content: "";
          display: table;
          line-height: 0;
      }
      .roll_row .roll__list::after {
          clear: both;
      }
      .roll_row .roll__list{
          width: 9999px;
      }
      .roll_row .roll__list li{
          float: left;
          display: block;
          margin-right: 20px;
          width: 282px;
          height: 325px;
          text-align: center;
          background-color: #fff;
          border-radius: 5px;

          .img{
            margin-top: 20px; margin-bottom: 20px;
          }
          .wb{
            text-align: left; color: #323232; margin: 0 30px; text-indent: 3em; position: relative;
            .icon{
              width: 20px; height: 15px; position: absolute; top:2px; left:0; background: url(../img/index/icon_yh.png) no-repeat;
            }
          }
          .line{
            width: 66px; height: 1px; background: #bfbfbf; margin: 50px auto 16px; 
          }
          .name{
            color: #999;
          }
      }

      

    }
  }

  .partner{
    background: #fff; margin-top: 30px;
    .tl{
      text-align: center; padding-top: 30px;
    }
    .group{
      padding-bottom: 30px;
      .inner{
        width: 1200px;
      }
      text-align: center;
      a{
        display: inline-block; border: 1px solid #dcdcdc; border-radius: 5px; overflow: hidden; margin: 10px 11px;

      }
    }
  }
  

}
    

